<template>
    <div class="app-container">
        <div class="appLeft">
            <el-input placeholder="请输入内容" v-model="dirName" size="small" style="width: 100px" class="appleftInfut">
                <el-button slot="append" icon="el-icon-search" @click="getDirTreeInfo(dirName)"></el-button>
            </el-input>
        
            <el-tree :data="treeListData" show-checkbox node-key="id" default-expand-all :expand-on-click-node="false"
                @node-click="handleNodeClick">
            </el-tree>
        </div>
        <div class="appRight">
            <flow-panel></flow-panel>
        </div>
    </div>
</template>
<script>
 import FlowPanel from './components/ef/panel.vue'

export default {
    name: "impactAnalysis",
    components: {
        FlowPanel,
    },
    data() {
        return {
               //当前左侧树的数据
               treeListData: [],
               dirName:'',
        };
    },
    mounted() {

    },
    methods: {
         //获取左侧Tree
         getDirTreeInfo(val) {
            // let queryDirTreeInfo = {
            //     dirName: val,
            // };
            // getDirTree(queryDirTreeInfo)
            //     .then((response) => {
            //         console.log(response, "111111111");
            //         this.treeListData = JSON.parse(JSON.stringify(response.data));
            //         //再去获取动态表头 然后对比
            //         this.getTableTou();
            //     })
            //     .catch((err) => {
            //         // this.$message.error(err.message);
            //         console.log(err);
            //     });
        },
          //树的节点被点击的时候
          handleNodeClick(data) {
            console.log(data, "被点击le");
        },
    }
};
</script>
<style lang="scss" scoped>
@import "~@/assets/styles/mixin.scss";
@import "~@/assets/styles/variables.scss";
@import "~@/assets/styles/CommonStyle.scss";
.appLeft {
    float: left;
    width: 300px;
    height: 100%;
    padding: 20px;
    border-right: 1px solid #ccc;
}

.appleftInfut {
    width: 200px !important;
}

.appLeftBtn {
    width: 35px;
    height: 30px;
    padding: 0 5px;
    margin-left: 10px;
}
.el-tree {
    margin-top: 30px;
}

::v-deep .el-tree .el-button--mini.is-circle {
    padding: 0px;
}

::v-deep .el-tree .el-button.is-circle {
    border: none;
}
.appRight {
    float: left;
    width: calc(100% - 300px);
}
</style>